<template>
  <div class="elementdiv">
  <div id="app" >
    <navigation>
      <router-view/>
    </navigation>
    <!-- <keep-alive>
      <router-view v-if="$route.meta.keepAlive" />
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive" /> -->
    <!-- bbbb -->
  </div>
  </div>
</template>

<script>
import Watermark from './assets/js/watermark'
import Utils from './utils/utils.js'
export default {
  // 初始化加载
  mounted () {
    Utils.$on('fetchusername', (msg) => {
      //console.log('username:' + JSON.stringify(msg))
      let date = new Date()
      let year = date.getFullYear() // 获取完整的年份(4位,1970-????)
      let month = date.getMonth() + 1 // 获取当前月份(0-11,0代表1月)
      let day = date.getDate() // 获取当前日(1-31)
      if (month < 10) {
        month = '0' + month
      }
      if (day < 10) {
        day = '0' + day
      }
      let dateString = year + '-' + month + '-' + day
      Watermark.set(msg + ' ' + dateString)// 添加水印名称
    })
  }
}
</script>

<style lang="scss">

body.van-overflow-hidden {
  overflow: visible !important;
}

.van-field--disabled .van-field__label {
  color: #7e7878 !important;
  -webkit-text-fill-color: #7e7878 !important;
  -webkit-opacity:1 !important; opacity: 1 !important;
}
input[disabled],input:disabled,input.disabled,.van-field__control:disabled {
  color: #323233 !important;
  -webkit-text-fill-color: #323233!important;
  -webkit-opacity:1 !important; opacity: 1 !important;
}


.vinput-box {
    border-radius: 4px;
    padding: 2px 4px;
    border: 1px solid #E4E7ED;
    display: flex;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.disable-color {
    background-color: #eff0f2;
}
.vinput {
    all: unset;
    /* border:none; */
    width: 90%;
    // border:1px solid #EBEEF5;
    // padding:2px 5px;
    // border-radius: 4px;
}

.vinput::placeholder {
    color: #C0C4CC !important
}

input[disabled],
input:disabled,
input.disabled,
.van-field__control:disabled {
    color: #C0C4CC !important;
    -webkit-text-fill-color: #C0C4CC !important;
    -webkit-opacity: 1 !important;
    opacity: 1 !important;
}



#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: black;
  //padding-bottom: 8vh;
}

#nav {
  padding: 30px;

  a {
    font-weight: bold;
    color: #2c3e50;

    &.router-link-exact-active {
      color: #42b983;
    }
  }
}

.van-cell--mini{
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 !important;
}

.van-tabbar-item {
  font-size: 16px !important;
}
.van-tab {
  font-size: 16px !important;
}
.van-grid-item__text {
  font-size: 16px !important;
}
.menutitle {
  /*font-weight: 900;*/
  font-size: 18px !important;
  padding: 0 0 10px 0;
  /*background-color: #1677FF;*/
}
.van-cell {
  font-size: 16px !important;
}

.van-cell .van-cell__title {
  font-weight: 400;
}

.van-dropdown-menu__title {
  font-size: 16px !important;
}
.van-search__action {
  font-size: 16px !important;
}
.van-icon__image {
  width: 1.5em !important;
  height: 1.5em !important;
}
.van-grid-item__text {
  font-size: 12px !important;
}
.van-popup--bottom{
  z-index: 9995 !important
}
.van-toast {
  z-index: 9999 !important;
}
.vxe-table--render-wrapper{
  position: relative;
}
</style>
